<div w-i18n-ns="app.wallet.assets">
    <div class="asset">
        <div class="asset__top">
            <div class="asset__wrapper"
                 ng-click="$ctrl.onClick({event: $event, asset: $ctrl.balance.asset, action: 'info'})">
                <w-asset-logo asset-id="$ctrl.balance.asset.id" size="30"></w-asset-logo>
                <div>
                    <div class="asset__name-wrapper">
                        <span class="asset__name">{{::$ctrl.balance.asset.name}}</span>
                        <w-asset-status asset-id="$ctrl.balance.asset.id"></w-asset-status>
                    </div>
                    <w-rating-stars ng-if="$ctrl.rating !== null" rating="$ctrl.rating" size="'s'"></w-rating-stars>
                </div>
            </div>
            <div ng-click="$ctrl.onUnpinClick($ctrl.balance.asset)"
                 ng-if="$ctrl.isUnpinned()"
                 class="unpin">
                <div class="tooltip-holder">
                    <span></span>
                    <div class="tooltip unpin-tooltip">
                        <div w-i18n="Unpin"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="asset__middle"
             ng-click="$ctrl.onClick({event: $event, asset: $ctrl.balance.asset, action: 'info'})">
            <h2 class="asset__balance">
                <w-balance money="$ctrl.balance.available"></w-balance>
            </h2>

            <div ng-if="!$ctrl.balance.regular.eq($ctrl.balance.available)"
                 class="margin-05 body-2 disabled-500 asset__balance-leasing"
                 w-i18n="directives.asset.ofTotalBalance"
                 params="{totalBalance: $ctrl.balance.regular.toFormat()}"></div>
        </div>
    </div>
    <hr class="hr">
    <div class="asset__footer">
        <div class="btn-icon icon-send"
             ng-click="$ctrl.onClick({event: $event, asset: $ctrl.balance.asset, action: 'send'})">
            <svg width="17px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 xmlns:xlink="http://www.w3.org/1999/xlink">
                <path d="M15.7261538,5.95734828 L15.7261538,5.95734828 C15.9214159,6.15261042 15.9214159,6.46919291 15.7261538,6.66445506 L8.50013244,13.8904765 L1.3118034,6.70753193 C1.1164681,6.51234296 1.11634949,6.19576049 1.31153846,6.0004252 L1.31153846,6.0004252 C1.50672743,5.80508991 1.8233099,5.8049713 2.01864519,6.00016027 L8.49986756,12.4765278 L15.019047,5.95734828 C15.2143092,5.76208613 15.5308917,5.76208613 15.7261538,5.95734828 Z"
                      id="Shape-Copy-2"
                      transform="translate(8.518912, 9.747136) scale(-1, 1) rotate(-180.000000) translate(-8.518912, -9.747136) "></path>
                <path d="M8.49986756,7.47652778 L15.019047,0.957348251 C15.2143092,0.762086104 15.5308917,0.762086102 15.7261538,0.957348247 L15.7261538,0.957348247 C15.9214159,1.15261039 15.9214159,1.46919288 15.7261538,1.66445503 L8.50013244,8.89047647 L1.31180339,1.70753191 C1.1164681,1.51234293 1.11634949,1.19576047 1.31153846,1.00042518 L1.31153846,1.00042518 C1.50672744,0.805089886 1.8233099,0.804971272 2.01864519,1.00016024 L8.49986756,7.47652778 Z"
                      id="Shape-Copy-3"
                      transform="translate(8.518912, 4.747136) scale(-1, 1) rotate(-180.000000) translate(-8.518912, -4.747136) "></path>
            </svg>
            <span w-i18n="directives.asset.send"></span>
        </div>
        <div class="btn-icon icon-receive"
             ng-click="$ctrl.onClick({event: $event, asset: $ctrl.balance.asset, action: 'receive'})">
            <svg width="17px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 xmlns:xlink="http://www.w3.org/1999/xlink">
                <path d="M15.7261538,5.95734828 L15.7261538,5.95734828 C15.9214159,6.15261042 15.9214159,6.46919291 15.7261538,6.66445506 L8.50013244,13.8904765 L1.3118034,6.70753193 C1.1164681,6.51234296 1.11634949,6.19576049 1.31153846,6.0004252 L1.31153846,6.0004252 C1.50672743,5.80508991 1.8233099,5.8049713 2.01864519,6.00016027 L8.49986756,12.4765278 L15.019047,5.95734828 C15.2143092,5.76208613 15.5308917,5.76208613 15.7261538,5.95734828 Z"
                      id="Shape-Copy-2"
                      transform="translate(8.518912, 9.747136) scale(-1, 1) rotate(-180.000000) translate(-8.518912, -9.747136) "></path>
                <path d="M8.49986756,7.47652778 L15.019047,0.957348251 C15.2143092,0.762086104 15.5308917,0.762086102 15.7261538,0.957348247 L15.7261538,0.957348247 C15.9214159,1.15261039 15.9214159,1.46919288 15.7261538,1.66445503 L8.50013244,8.89047647 L1.31180339,1.70753191 C1.1164681,1.51234293 1.11634949,1.19576047 1.31153846,1.00042518 L1.31153846,1.00042518 C1.50672744,0.805089886 1.8233099,0.804971272 2.01864519,1.00016024 L8.49986756,7.47652778 Z"
                      id="Shape-Copy-3"
                      transform="translate(8.518912, 4.747136) scale(-1, 1) rotate(-180.000000) translate(-8.518912, -4.747136) "></path>
            </svg>
            <span w-i18n="directives.asset.receive"></span>
        </div>
    </div>
</div>
